# HTML <iframe> Tag

## Example

An inline frame is marked up as follows:

<iframe src="http://www.w3schools.com"></iframe>
Try it Yourself »

## Definition and Usage

The <iframe> tag specifies an inline frame.

An inline frame is used to embed another document within the current HTML document.

## Browser Support

Element |  |  |  |  |
--- | --- | --- | --- | --- | ---
<iframe> | Yes | Yes | Yes | Yes | Yes

## Tips and Notes

Tip: To deal with browsers that do not support <iframe>, add a text between the opening <iframe> tag and the closing </iframe> tag.

Tip: Use CSS to style the <iframe> (even to include scrollbars).

## Differences Between HTML 4.01 and HTML5

HTML5 has added some new attributes, and several HTML 4.01 attributes are removed from HTML5.

## Differences Between HTML and XHTML

In XHTML, the name attribute is deprecated, and will be removed. Use the global id attribute instead.

## Attributes

= New in HTML5.

Attribute | Value | Description
--- | --- | ---
align | left right top middle bottom | Not supported in HTML5. Specifies the alignment of an <iframe> according to surrounding elements
frameborder | 1 0 | Not supported in HTML5. Specifies whether or not to display a border around an <iframe>
height | pixels | Specifies the height of an <iframe>
longdesc | URL | Not supported in HTML5. Specifies a page that contains a long description of the content of an <iframe>
marginheight | pixels | Not supported in HTML5. Specifies the top and bottom margins of the content of an <iframe>
marginwidth | pixels | Not supported in HTML5. Specifies the left and right margins of the content of an <iframe>
name | text | Specifies the name of an <iframe>

sandbox

allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation

Enables an extra set of restrictions for the content in an <iframe>

scrolling | yes no auto | Not supported in HTML5. Specifies whether or not to display scrollbars in an <iframe>
seamless | seamless | Specifies that the <iframe> should look like it is a part of the containing document
src | URL | Specifies the address of the document to embed in the <iframe>
srcdoc | HTML_code | Specifies the HTML content of the page to show in the <iframe>
width | pixels | Specifies the width of an <iframe>

## Global Attributes

The <iframe> tag also supports the Global Attributes in HTML.

## Event Attributes

The <iframe> tag also supports the Event Attributes in HTML.

## Related Pages

HTML tutorial: HTML Iframes

HTML DOM reference: IFrame Object

## Default CSS Settings

Most browsers will display the <iframe> element with the following default values:

iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples